$blue-text:#3c6df8;
$red-text:#ed1c24;
$grey-text:#b9b9b9;

//css-sticky-footer
.app-wrapper{
  height:100%;
  padding-bottom: 1rem;
  overflow: scroll;
  //background: #F5F4F9;
  position: relative;
  .sticky-footer{
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    height:1rem;
    line-height: 1rem;
    text-align: center;
    button,a.btn{
      display:inline-block;
      border-radius: 0;
      border:none;
      width:100%;
      height:100%;
      color: #fff;
      font-size:0.34rem;
      background: #3C6DF8;
      a{
        color: inherit;
      }
      &:disabled{
        background: #E7E7E7;
        font-size: 0.34rem;
        color: #FFFFFF;
        opacity: 1 !important;
      }
    }
    &>a.order-btn{
      display:block;
      border-radius: 0;
      border:none;
      width:100%;
      height:100%;
      color: #fff;
      font-size:0.34rem;
      background: #3C6DF8;
      line-height: 1rem;
    }

    .not-get{
      background: #E7E7E7;
      position: relative;
      width:100%;
      height:100%;
      color: #fff;
      font-size:0.34rem;
      line-height:1rem;
      .going-task{
        position: absolute;
        display: block;
        left:0;
        right:0;
        height:0.72rem;
        opacity: 0.5;
        background: #000000;
        font-size: 0.3rem;
        line-height: 0.72rem;
        color: #fff;
        text-align: right;
        padding-right: 0.36rem;
        top:-1.02rem;
        i{
          font-size: 0.3rem;
        }
      }
    }
    .btn-groups{
      display: flex;
      justify-content: space-around;
      height:100%;
      width:100%;
      align-items: center;
      background: #fff;

      .order-btn{
        width:3.3rem;
        height:0.8rem;
        background: #FFFFFF;
        border: 1px solid #DFE4E6;
        border-radius: 0.08rem;
        font-size: 0.28rem;
        color: #3C3C3C;

        &.blue-btn{
          background: #3C6DF8;
          border-color: #3C6DF8;
          color: #fff;
        }
        &.grey-btn{
          background:#DEDEDE;
          color: #3c3c3c;
          border-color: #DEDEDE;
        }
      }
      a.order-btn{
        line-height: 0.8rem;
      }
    }
  }
  .shadow-footer{
    box-shadow: 0 0 12px 3px rgba(0,0,0,0.15);
  }
}

.index-wrapper{
  background: #f5f5f5;
}
//确认订单
.sure-order{
  .order-address{
    display: flex;
    margin-bottom: 0.22rem;
    align-items: center;
    padding:0.3rem;
    border-top:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    background: #fff;
    background-image: url(../../assets/images/img_order_decoration.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 0.08rem;
    .left-icon{
      display: block;
      width:0.32rem;
      height:0.32rem;
      margin-right: 0.3rem;
      background: url("../../assets/images/location.png") no-repeat center center;
      background-size: 0.32rem 0.32rem;
    }
    .right-icon{
      display: block;
      width: 0.24rem;
      height: 0.24rem;
      background: url("../../assets/images/btn_into_arrow.png") no-repeat center center;
      background-size: 100% 100%;
    }
    .center{
      .line-item{
        font-size: 0.3rem;
        color: #666666;
        display: flex;
        &+.line-item{
          margin-top: 0.2rem;
        }
        h4{
          display: inline-block;
          font-size: 0.3rem;
          color:#333;
          margin-left: 0.3rem;
        }
        span{
          word-break: keep-all;
        }
        p{
          display: inline-block;
        }
      }
    }

  }
  .add-address{
    display: flex;
    margin-bottom: 0.22rem;
    width:100%;
    height:1rem;
    line-height: 1rem;
    opacity: 0.8;
    background: #000000;
    font-size:0.34rem;
    color: #FFFFFF;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .choose-number{
    margin-bottom: 0.22rem;
    display: flex;
    padding:0.3rem;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    .goods-img{
      width:1.2rem;
      height:1.2rem;
      border-radius: 0.1rem;
      border:1px solid #ddd;
      overflow: hidden;
      margin-right: 0.2rem;
      img{
        width:100%;
        height:100%;
        display: block;

      }
    }
    .goods-info{
      h4{
        font-size: 0.3rem;
        width:5.44rem;
        color: #333333;
        font-weight: normal;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
      .line-item{
        margin-top: 0.2rem;
        font-size:0.28rem;
        color: #666666;
        display: flex;
        justify-content: space-between;
        align-items: center;
        p{
          display: inline-block;
        }
        .mui-numbox{
          border: 1px solid #666666;
          height:0.52rem;
          padding:0 0.52rem;
          width:auto!important;
          button{
            width:0.52rem;
          }
          input{
            width:1.08rem!important;
            border-right: 1px solid #666666!important;
            border-left: 1px solid #666666!important;
          }
        }
      }
    }

  }
  .goods-transform{
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0.3rem;
    font-size: 0.3rem;
    color: #666666;
  }
}
//夺宝详情
.progress2{
  background:#DEDEDE ;
  height:0.06rem;
  position: relative;
  .progress-bar{
    background:#FA9904;
    display: inline-block;
    height:100%;
    position:absolute;
    left:0;
    top:0;
  }
}
//任务类型
.task-type{
  font-size: 0.24rem;
  color: #B9B9B9;
  .task-icon{
    display: inline-block;
    width:0.26rem;
    height:0.26rem;
    background: url("../../assets/images/task/task-icon.png") no-repeat;
    background-size:13px 77px;
    &.psq{
      background-position: 0 -51px;

    }
    &.reg{
      background-position: 0 -64px;
    }
    &.vid{
      background-position: 0 -37px;
    }
    &.sha{

      background-position: 0 -25px;
    }
    &.els{

      background-position:0 -12px;
    }
  }
}
